<template>
	<div class="Word">
	  <!-- 此div用来加载PageOffice客户端控件，其中div的高宽及位置就决定了控件的大小及位置 -->
	  <div style="width:auto; height:900px;" v-html="poHtmlCode"></div>
	</div>
  </template>
  
  <script>
  import request from '@/utils/request'
  export default {
	data() {
	  return {
		poHtmlCode: '',
		open_params: ''
	  }
	},
	created: function () {
	  //使用pageofficectrl.WindowParams获取获取父页面(此项目中为：Default.vue)中POBrowser.openWindow()方法的第三个参数的值,获取到的值为string类型
	  this.open_params = JSON.parse(pageofficectrl.WindowParams);
	  // 请求后端打开文件
	  this.openFile().then(response => {
		this.poHtmlCode = response;
	  });
	},
	methods: {
	  //控件中的一些常用方法都在这里调用，比如保存，打印等等
	  OnPageOfficeCtrlInit() {
		pageofficectrl.CustomToolbar = false;//隐藏自定义工具栏
	  },
	  AfterDocumentOpened() {
		// PageOffice的文档打开后事件回调函数
	  },
	  openFile() {
		return request({
		  url: '/FileMakerPrintFiles/preview?id='+this.open_params,
		  method: 'get',
		})
	  }
	},
	mounted: function () {
	  //将当前页面methods中定义的函数挂载到PageOffice控件，例如控件触发的事件、自定义按钮触发的函数。
	  window.POPageMounted = this;//此行必须
	}
  }
  </script>
  